
<body class="<%= h body_css_classes %>">
<div id="wrapper" style='min-width=1100px;'>
  <div id="wrapper2">
    <div id="wrapper3">
      <%#= render :partial => 'layouts/base_header' %>
      <div id="main" >
        <div class="top-content">
          <table style="width: 940px;">
            <tr>
              <td class="info_font" style="width: 240px; color: #269AC9"><%= l(:label_osp_community) %></td>
              <td style="width: 290px; color: #269AC9"><strong><%= l(:label_user_location) %> : </strong></td>
              <td rowspan="2">
                <div class="top-content-search" style="float: right;">
                  <%#= form_tag(:controller => 'open_source_projects', :action => "search", :method => :get) do %>
                  <%#= text_field_tag 'name', params[:name], :size => 20 %>
                  <%#= hidden_field_tag 'project_type', params[:project_type] %>
                  <%#= submit_tag l(:label_search), :class => "enterprise", :name => nil %>
                  <%# end %>
                  <%= render :partial => "open_source_projects/search_bar" %>
                </div>
              </td>
            </tr>
            <tr>
              <td style="padding-left: 8px">
                <%= link_to request.host(), :controller => 'open_source_projects', :action => 'welcome' %>
              </td>
              <td><%= link_to l(:field_homepage), home_path %>
                >
                <%= link_to l(:label_osp_community), :controller => 'open_source_projects', :action => 'index' %>
                >
                <a href="/ossean_ranks/show?type=<%= @rank_type.downcase %>"><%= @rank_type %></a>
              </td>
            </tr>
          </table>
        </div>

        <div id="content" style="width: 100%;">
          <div id="project_base_info" style="margin-top: 15px; padding-left: 15px; border:1px solid rgb(225,225,225);">
            <table class="base_info">
              <tr id="project_name">
                <td style="width: 350px; font-size: 20px;">
                	<img src="../images/avatars/Project/0" class="avatar2" width="40" height="40" />
                	<a href="/ossean_ranks/show?type=<%= @rank_type.downcase %>"><%= @rank_type %></a>
                  <%#= link_to @open_source_project.name, open_source_project_path(@open_source_project) %>
                </td>
                
                <td class="font_index" style="width: 220px;">
                  项目数:&nbsp
                  <span class="font_aram" style="color: rgb(123,123,123);">
                    <%= @ossean_rank_results_count %>
                  </span>
                </td>
                <td class="font_index" style="width: 420px;">
                	项目来源:&nbsp
                	<span class="font_aram" style="color: rgb(123,123,123);">
                    github apache oschina openhub sourceforge
                 	</span>
                </td>
              </tr>

            </table>
            <div id="project_desc" class="base_info">
                <span class="project_source" style="font-size: 13px">关联标签：</span>
                <% @related_tags.each do |item| %>
                	<%= item.tags %>(<%= item.nums %>) &nbsp;
                <% end %>
            </div>
          </div>
          <!-- begin: the tab in the end -->
          	
          	<style>
				.fl{float: left;}.fr{float: right;}
				.ml5{margin-left: 5px!important;}.ml10{margin-left: 10px!important;;}.ml20{margin-left: 20px!important;}.ml30{margin-left: 30px;}.ml40{margin-left: 40px;}
				.mr5{margin-right: 5px!important;;}.mr10{margin-right: 10px!important;;}.mr20{margin-right: 20px!important;}.mr30{margin-right: 30px;}.mr40{margin-right: 40px;}
				.mt5{margin-top: 5px!important;;}.mt10{margin-top: 10px!important;;}.mt20{margin-top: 20px!important;}.mt30{margin-top: 30px;}.mt40{margin-top: 40px;}
				.mb5{margin-bottom: 5px!important;;}.mb10{margin-bottom: 10px!important;;}.mb20{margin-bottom: 20px!important;}.mb30{margin-bottom: 30px;}.mb40{margin-bottom: 40px;}
				.color-white{color: #FFFFFF;}
				.color-blue{color: #15bccf;}
				.font-12{font-size: 12px;}.font-14{font-size: 14px;}.font-16{font-size: 16px;}.font-18{font-size: 18px;}.font-20{font-size: 20px;}.font-26{font-size: 26px;}
				.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden}
				.clearfix{clear:both;zoom:1}
				.clear{
					zoom:1;
				}
				.clear:after{
				  content: ".";
				  display: block;
				  height: 0;
				  clear: both;
				  visibility:hidden;
				}
				
				.main{width: 940px;height: auto;margin: 0px auto;}
				.list_content_all p,.list_content_all ul,.list_content_all ul li,.list_content_all span{margin: 0px;padding: 0px;}
				.navigation {color: #666;border: 2px solid #d7d6d6;}
				.tap{width: 846px;overflow:hidden; white-space: nowrap; text-overflow:ellipsis;margin-left: 70px;}
				.list_tab_nav{padding: 0px;margin: 0px;margin-top: 15px;position: absolute;width: 100%;z-index: 4;}
				.list_tab_nav li{float:left;margin-right: 10px;border: 1px solid #d7d6d6;padding: 16px 15px;font-size: 16px;cursor: pointer;color: #8e8e8e;}
				.list_tab_nav li.active{border-bottom: none;background: #FBFBFB;padding: 16px 15px 17px 15px;color: #484848;}
				.list_content{position: absolute;width: 100%;background: #FFFFFF;border: 1px solid #d7d6d6;min-height: 400px;z-index:3;top: 69px;}
				.list_con_info{width: 100%;background:#FBFBFB ;height: 60px;padding: 0px 15px;line-height: 30px;box-sizing: border-box;}
				.search_list_box{border: 1px solid #d7d6d6;border-radius: 4px;width: 260px;height: 36px;margin-top: 12px;}
				.search_list_box input{width: 220px;height: 32px;margin-top: 2px;padding: 0px;border:none;margin-left: 5px;outline: none;float: left;background: #FBFBFB;}
				.search-icon{float: right;width: 30px;}
				.list_item{padding: 10px 10px 10px 15px;display: flex;}
				.item_detail{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;flex: 1;margin-top: 5px!important;font-size: 14px;}
				.item_name{width: 100px;display: block;float: left;font-weight: bold;font-size: 14px;}
				.item_norm span{margin-right: 20px;font-size: 14px;}
				.item_right{flex: 1;padding: 15px 10px;min-width: 80px;text-align: center;}
				
				
				.array_list{position: relative;}
				.line-word{width: atuo;position: absolute;z-index: 5;text-align: center;background: #FFFFFF;}
				.line_break{width: 100%;position: absolute;z-index: 4;height: 4px;top: 15px;}
			</style>
			
			
				<div style="position: relative;">
					<ul class="list_tab_nav clearfix">
						<li class="active">All</li>
						<!-- <li>Active</li> -->
						<!-- <li>Entered</li> -->
						<!-- <li>Entered</li> -->
					</ul>	
					<div class="list_content">
						<div class="list_con_info">
							<p class="fl font-14">一共<%= @ossean_rank_results_count %>记录</p>
							<!-- <div class="fr search_list_box"> -->
							<div class="fr">
								<!-- <input type="text" placeholder="输入关键字搜索" />
								<div class="search-icon"></div><!--放置搜索icon-->
							</div>
						</div>
						<div class="list_content_all clear">
							<% @ossean_rank_results.each_with_index do |item,index| %>
							<div class="list_item clear mb20" style="min-height:100">
								<img src="../images/avatars/Project/0" class="avatar2" width=80px" height="80px" class="fl mr20" />
								<div class="fl">
									<p class="font-14" style="font-weight: bold;"><%= link_to item.name, open_source_project_path(@projects[index])%></p>
									<p class="item_detail mb5"><%= show_project_descriptions @projects[index].description, 1 %></p>
									<p class="item_norm mt10"><span class="item_name">总体评估指标</span><span>影响力：<%= sprintf("%0.3f",@metrics[index].influ * 100)%> </span><span>项目活跃度：<%= sprintf("%0.3f",@metrics[index].active_sea * 100)%></span><span>项目健康度：<%= sprintf("%0.3f",@metrics[index].repo_healthy * 100)%></span><span>人员贡献度：<%= sprintf("%0.3f",@metrics[index].team_healthy * 100)%></span></p>
									<!--<p class="item_norm mt5"><span class="item_name">影响力</span><span>持续贡献率：<%= sprintf("%0.3f",@metrics[index].continue_people_contri_sea * 100)%></span><span>增长贡献率率：<%= sprintf("%0.3f",@metrics[index].incre_people_contri_sea * 100)%></span></p>
									<p class="item_norm mt5"><span class="item_name">人员贡献度</span><span>持续贡献率：<%= sprintf("%0.3f",@metrics[index].continue_people_contri_sea * 100)%></span><span>增长贡献率率：<%= sprintf("%0.3f",@metrics[index].incre_people_contri_sea * 100)%></span></p>-->
									<p class="item_norm mt5"><span class="item_name">人员贡献度</span><span>持续贡献率：<%= sprintf("%0.3f",@metrics[index].continue_people_contri_sea * 100)%></span><span>增长贡献率率：<%= sprintf("%0.3f",@metrics[index].incre_people_contri_sea * 100)%></span></p>
								</div>
								<div class="fl item_right clearfix">
									<p class="mt20 fl"><span class="font-16">总体分值</span><br/><span class="font-12"><%= sprintf("%0.3f",item.score * 100)%></span></p>
									<p class="mt20 fl"><img src=""/></p><!--上升下降icon-->
								</div>
							</div>
							<% end %>
							
						</div>
						
						<div class="pagination">
							<ul>
								<%= pagination_links_full @ossean_rank_results_pages, @ossean_rank_results_count %>
							</ul>
						</div>
					</div>
				</div>
			</div>
		
		</div>	
		<script>
			$(function(){
				$(".list_tab_nav li").click(function(){
					$(".list_tab_nav li").removeClass("active");
					$(this).addClass("active");
				})
			})
		</script>
		
		<!-- end: the tab in the end -->
          
        </div>
      </div>

    </div>
  </div>
</div>
</body>


